<template>
    <div>
        <Button @click="doGet">发送getReq</Button>
        <p>
            {{msg}}
        </p>
    </div>
</template>

<script>
    import reqGlobal from '../api/reqGlobal'

    export default {
        name: "DemoAxios",
        data() {
            return {
                msg:''

            }
        },
        methods:{
            doGet(){


                //在vue-cli3中，存放静态资源的位置已经变成存放在public文件夹中了
                //这里在actions中使用axios.get获取本地数据，
                // 只需要将json数据的名称写在(vue.config.js配置的host+port) http://localhost:8080后面即可，
                // vue-cli会自动帮我们找到public文件夹下的 demo.json这个文件
                //这里的 / 相当于axios里的  baseURL: process.env.BASE_URL 即node服务器的根路径

                let url = '/demo.json';
                // let url = 'http://localhost:8089/demo.json';
                reqGlobal.get(url).then(data =>{
                    console.log(data);
                    console.log(JSON.stringify(data))
                    this.msg = JSON.stringify(data);
                }).catch(err=>{
                    console.log(err);
                    this.msg = JSON.stringify(err);
                })
            }

        },
        mounted() {

        }
    }
</script>

<style scoped>

</style>
